<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>后台登陆</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--   <link rel="icon" type="image/png" href="assets/imgs/favicon.png"> -->
<!--   <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png"> -->
<meta name="apple-mobile-web-app-title" content="后台登陆" />
<link rel="stylesheet" href="#(ctx)/assets/thirdparty/amazeui/css/amazeui.min.css">
<link rel="stylesheet" href="#(ctx)/assets/css/backstage/admin.css">
<link rel="stylesheet" href="#(ctx)/assets/css/backstage/app.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
<script src="#(ctx)/assets/thirdparty/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
<!-- amazeui必须放easyui上面 -->
<script src="#(ctx)/assets/thirdparty/amazeui/js/amazeui.min.js" type="text/javascript"></script>
<script src="#(ctx)/assets/thirdparty/jquery/jquery.easyui.min.js" type="text/javascript"></script>
</head>
<body data-type="index">
	<header class="am-topbar am-topbar-inverse admin-header">
		<div class="am-topbar-brand">
			<a href="javascript:;" class="tpl-logo"> <img
				src="#(ctx)/assets/imgs/backstage/logo.png" alt="">
			</a>
		</div>
		<div class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right"></div>

		<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
			data-am-collapse="{target: '#topbar-collapse'}">
			<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
		</button>

		<div class="am-collapse am-topbar-collapse" id="topbar-collapse">

			<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">

				<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
					<a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;"> 
						<span class="tpl-header-list-user-nick">禁言小张</span>
						<span class="tpl-header-list-user-ico"> 
						<img src="#(ctx)/assets/imgs/backstage/user01.png"></span>
					</a>
					
					<ul class="am-dropdown-content">
						<li><a href="#"><span class="am-icon-bell-o"></span> 资料</a></li>
						<li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
						<li>
							<a href="#"><span class="am-icon-power-off"></span>退出</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="###" class="tpl-header-list-link">
						<span class="am-icon-sign-out tpl-header-list-ico-out-size"></span>
					</a>
				</li>
			</ul>
		</div>
	</header>

	<div class="tpl-page-container tpl-page-header-fixed">

		<div class="tpl-left-nav tpl-left-nav-hover">
			<div class="tpl-left-nav-title">功能列表</div>
			<div class="tpl-left-nav-list">
				<ul class="tpl-left-nav-menu">
					<li class="tpl-left-nav-item">
						<a href="#" class="nav-link active" onclick="addTab('功能一', '#(ctx)/bindex/home')"> 
							<i class="am-icon-home"></i> <span>功能一</span>
						</a>
						
					</li>
					<li class="tpl-left-nav-item">
						<a href="#" class="nav-link" onclick="addTab('功能二', '#(ctx)/bindex/home')"> 
							<i class="am-icon-bar-chart"></i> <span>功能二</span> 
						</a>
					</li>

					<li class="tpl-left-nav-item">
						<a href="javascript:;" class="nav-link tpl-left-nav-link-list"> 
							<i class="am-icon-table"></i> 
							<span>功能三</span> 
							<i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
						</a>
						<ul class="tpl-left-nav-sub-menu">
							<li>
								<a href="#" onclick="addTab('子功能一', '#(ctx)/bindex/home')"> 
									<i class="am-icon-angle-right"></i> 
									<span>子功能一</span> 
								</a> 
								<a href="#" onclick="addTab('子功能二', '#(ctx)/bindex/home')"> 
									<i class="am-icon-angle-right"></i> 
									<span>子功能二</span> 
								</a>	
							</li>
						</ul>
					</li>
					
				</ul>
			</div>
		</div>

		<style>
		.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li .tabs-inner, .tabs li.tabs-selected .tabs-inner, .tabs-header-bottom .tabs li.tabs-selected .tabs-inner, .tabs-header-left .tabs li.tabs-selected .tabs-inner, .tabs-header-right .tabs li.tabs-selected .tabs-inner{border-color:#fff;}
		.tabs-header, .tabs-tool{background-color:#fff;} /** #5b9bd1 **/
		.tabs-header{border:0 solid #fff;}
		.tabs li .tabs-inner{background:linear-gradient(to bottom,#d7dab2 0,#83fbd4 100%);padding:0 30px;}
		.tabs li.tabs-selected .tabs-inner{background:linear-gradient(to bottom,#4aa6f3 0,#ffffff 100%)}
		</style>
		<div class="tpl-content-wrapper" style="padding-top:0;">
			<div class="easyui-tabs" id="tt" style="width:100%;height:auto;border-radius: 6px;">
				<div title="首页">
					<iframe scrolling="auto" frameborder="0"  src="#(ctx)/bindex/home" style="width:100%;height:100%;">
						
					
					</iframe>
				</div>
			</div>
		</div>
	</div>


	<script>
// 	(function(){
// 		var wh = $(window).height();
// 		$("#tt").height(wh);
// 	})();
	function addTab(title, url){
		if ($('#tt').tabs('exists', title)){
			$('#tt').tabs('select', title);
		} else {
			var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
			$('#tt').tabs('add',{
				title:title,
				content:content,
				closable:true
			});
		}
	}
		
	</script>
	

	<script src="#(ctx)/assets/js/backstage/app.js" type="text/javascript"></script>
</body>
</html>